<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <div id="username">请输入用户名:<input type="text"></div>
    <div id="password">请输入密码：<input type="text"></div>
    <div><input type="checkbox" id="checked">记住我</div>
    <button>提交</button>
    <script>
        // 有一个登录页面，需要输入用户名，密码数据。点击提交按钮后。将输入的内容提交到名字为'index.html'的页面。
        // 在这个页面里面，显示"欢迎XXX"，XXX为前一个页面带过来的用户名。用Location对象的属性和方法来做。
        let btn = document.querySelector('button');
        btn.onclick = function () {
            // let username =document.querySelector('input').value;
            let username = document.querySelector('input').value;
            let password = document.querySelectorAll('input')[1].value;
            location.href = 'index.html?' + 'username=' + username;
            if(document.getElementById('checked').checked){
                localStorage.setItem('username', username);
                localStorage.setItem('password',password)
            }else{
                console.log("未记住");
            }
        }
        // let remember = document.querySelectorAll('input')[2];

        // remember.checked = function() {
        //     // console.log(remember);
        //     let username = document.querySelector('input').value;
        //     let password = document.querySelectorAll('input')[1].value;
        //     localStorage.setItem('username', username);
        // }


    </script>
</body>

</html>